


@import "source/_header-4alike.scss";

@import "source/_header-4input.scss";

body{
  background-color:#eff0f4 ;
}

.main{
  display: flex;
  margin:$gap 0 ;

  .main-2{
    #{$wide}:60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
  }
  .main-3{

    padding-left: $gap;
    border-left: 1px solid #999999;
  }

  .phone{
    display: block;
    background-image: url("source/phone.png");
    background-repeat: no-repeat;
    background-size: 100%;
    #{$wide}: 17px;
    height: 25px;

  }
  .password{
    display: block;
    background-image: url("source/passwoed.png");
    background-repeat: no-repeat;
    background-size: 100%;
    #{$wide}: 17px;
    height: 25px;
  }
  label{
    #{$wide}: $widen;
    height: $higher;
    background-color: white;
    display: flex;
    align-items: center;
  }
}
input{
  #{$wide}: 100%;
 height: 1.7rem;
  outline: none;
  border: none;

}


.button{
  #{$wide}:$widen ;
  height: 3.5rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5fc0cd;
        & div{
          letter-spacing: 6px;
          color:white;
          font-size: 15px;

        }

}

.forget{
  display: flex;
  justify-content:flex-end;
  font-size: 14.8px;
  color:#5fc0cd;
}

